﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>宁波爱豆网络科技有限公司</title>
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<!--================================================
                **** CSS Files ****
==================================================-->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/icofont.css" rel="stylesheet">
<link href="css/menu.css" rel="stylesheet">
<link href="css/owl.carousel.min.css" rel="stylesheet">
<link href="css/owl.theme.default.min.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link href="css/magnific-popup.css" rel="stylesheet">
<link href="css/menuhover.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<!--================================================
                **** /CSS Files ****
==================================================-->
</head>
<body>
 
<div class="preloader"></div>
<!-- Static navbar -->
<nav class="navbar navbar-expand-md btco-hover-menu navbar-1">
  <div class="container"> <a class="navbar-brand" href="index.html"><img src="images/logo-1.png" class="img-fluid" alt="logo"></a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
    <div class="collapse navbar-collapse" id="navbarNavDropdown">
      <ul class="navbar-nav">
        <!--<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="http://www.bootstrapmb.com" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Home </a>-->
          <!--<ul class="dropdown-menu">-->
            <!--<li><a class="dropdown-item" href="index.html">Home 1</a></li>-->
            <!--&lt;!&ndash;<li><a class="dropdown-item" href="index-2.html">Home 2</a></li>&ndash;&gt;-->
          <!--</ul>-->
        <!--</li>-->
        <li class="nav-item"> <a class="nav-link" href="index.html">首页</a> </li>
        <li class="nav-item"> <a class="nav-link" href="about.html">关于我们</a> </li>
        <li class="nav-item"> <a class="nav-link" href="services.html">服务</a> </li>
        <li class="nav-item"> <a class="nav-link" href="portfolio.html">案例</a> </li>
        <!--<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="http://www.bootstrapmb.com" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Blog </a>-->
          <!--<ul class="dropdown-menu">-->
            <!--<li><a class="dropdown-item" href="blog-list.html">Blog List</a></li>-->
            <!--<li><a class="dropdown-item" href="blog-details.html">Blog Details</a></li>-->
          <!--</ul>-->
        <!--</li>-->
        <li class="nav-item"> <a class="nav-link" href="contact.html">联系我们</a> </li>
      </ul>
      <!--<ul class="navbar-nav ml-auto">-->
        <!--<li class="nav-item"> <a class="nav-link btn btn-primary" href="#"> Buy Now </a></li>-->
        <!--<li class="nav-item"> <a class="nav-link" id="addClass" href="#"> <i class="icofont icofont-search-alt-1"></i> </a></li>-->
      <!--</ul>-->
    </div>
  </div>
</nav>
<div id="myCarousel" class="carousel slide banner-1" data-ride="carousel">
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
  </ol>
  <div class="carousel-inner">
    <div class="carousel-item active"> <img class="first-slide" src="images/banner-1.png" alt="First slide">
      <div class="container">
        <div class="carousel-caption banner1 text-left">
          <h2 class="wow fadeInUp">沉淀</h2>
          <h6>专 注 高 端 网 站 建 设 \ 全 心 全 意 为 你 </h6>
          <p class="hidden-sm-down"><a class="btn btn-md btn-default" href="#" role="button">Sign up today</a></p>
        </div>
      </div>
    </div>
    <div class="carousel-item"> <img class="second-slide" src="images/banner-2.png" alt="Second slide">
      <div class="container">
        <div class="carousel-caption banner1">
          <h2 class="wow fadeInUp">设计</h2>
          <h6>如 痴 设 计 团 队 \ 醉 心 设 计 \ 完 美 体 验 \ 只 为 打 造 属 于 你 的 独 特 网 站</h6>
          <p class="hidden-sm-down"><a class="btn btn-md btn-default" href="#" role="button">Learn more</a></p>
        </div>
      </div>
    </div>
    <div class="carousel-item"> <img class="third-slide" src="images/banner-3.png" alt="Third slide">
      <div class="container">
        <div class="carousel-caption banner1 text-right">
          <h2 class="wow fadeInUp">技术</h2>
          <h6>PC\手机 \ 不同终端\同样精彩 \ 抢占终端 \ 布局未来</h6>
          <p class="hidden-sm-down"><a class="btn btn-md btn-default" href="#" role="button">Browse gallery</a></p>
        </div>
      </div>
    </div>
  </div>
  <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div>
<section class="section-padding-ash">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-lg-10">
        <div class="section-title text-center">
          <h2>我们能做什么</h2>
          <h6>“想客户所想，注重用户体验，让客户的业务呈现在PC、手机、微信等各个终端，360度业务无死角”</h6>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
        <div class="services-cont">
          <div class="icon-cont"><i class="icofont icofont-paint"></i></div>
          <div class="text-cont">
            <h6>响应式设计</h6>
            <small>采用H5+css3高端先进技术实现响应式布局,pc，手机，ipad跨终端兼容，无障碍浏览</small>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
        <div class="services-cont">
          <div class="icon-cont"><i class="icofont icofont-code-alt"></i></div>
          <div class="text-cont">
            <h6>移动APP应用开发</h6>
            <small>APP移动应用专业开发，全面符合IOS、Android平台特性要求.</small>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
        <div class="services-cont">
          <div class="icon-cont"><i class="icofont icofont-dashboard-web"></i></div>
          <div class="text-cont">
            <h6>微信相关服务</h6>
            <small>结合腾讯旗下产品"微信"开发适用于所有公众平台端口，方便操作管理</small>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
        <div class="services-cont">
          <div class="icon-cont"><i class="icofont icofont-brand-android-robot"></i></div>
          <div class="text-cont">
            <h6>营销型网站开发</h6>
            <small>建立电商王国，帮助传统企业实现线上搬迁，助力传统企业的互联网+。</small>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
        <div class="services-cont">
          <div class="icon-cont"><i class="icofont icofont-iphone"></i></div>
          <div class="text-cont">
            <h6>品牌网站建设</h6>
            <small>爱豆创意设计团队为您量身定制网站设计，</small>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
        <div class="services-cont">
          <div class="icon-cont"><i class="icofont icofont-video-clapper"></i></div>
          <div class="text-cont">
            <h6>品牌标识设计</h6>
            <small>企业标识、产品形象标识、VI识别系统设计</small>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<section class="section-padding-about">
  <div class="container">
    <div class="row">
      <div class="col-lg-6 col-lg-offset-right-6">
        <div class="text-left">
          <h2>Why Choose us</h2>
          <small style="font-weight: lighter">网站设计、网站建设及WEB功能开发更多的需要人的服务和创意,它需要为客户定制,它不像一个可以反复销售的产品,做这项事业需要面临咨询人员、设计师、程序员、策划人员、售后服务等整个团队的配合和管理,而不是单依靠大量的销售人员。所以这是被很多公司并没有将其做为主营,并没有真正的把如何不断为客户更好的服务作为战略核心。为什么这么做?因为再高明的技术产品也是需要专业人员具体实施到您的需求中,比如即使有很多自助建站系统这种产品,可能您都不会操作,也不愿将时间和精力更多的浪费到如何使用上,而且它并不能完全满足您。</small>
        </div>
      </div>
    </div>
    <div class="row">
    	<div class="col-lg-6 col-lg-offset-right-6">
        	<div class="row">
    			<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
                	<div class="counter-cont">
                    	<h4><span class="numscroller" data-min="1" data-max="250" data-delay="5" data-increment="10">250</span>+</h4>
                        <h6>Clients</h6>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
                	<div class="counter-cont">
                    	<h4><span class="numscroller" data-min="1" data-max="250" data-delay="5" data-increment="10">250</span>+</h4>
                        <h6>Projects</h6>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
                	<div class="counter-cont">
                    	<h4><span class="numscroller" data-min="1" data-max="250" data-delay="5" data-increment="10">250</span>+</h4>
                        <h6>Products</h6>
                    </div>
                </div>
            </div>    
        </div>
    </div>
  </div>
</section>    
<section class="section-padding-ash">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-lg-10">
        <div class="section-title text-center">
          <h2>关于我们</h2>
          <h6>本着“诚信为本 长期服务”的经营宗旨，为企业提供企业建站、互联网应用、移动应用、微信服务等高端商务解决方案。</h6>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
        <div class="team-cont"> <img src="images/p1.jpg" class="img-fluid" alt="item 1">
          <div class="text-cont">
            <h5><a href="#">宁波网络公司哪家好选择谁家比较好</a></h5>
            <!--<h6>Founder & Ceo</h6>-->
            <small>我要说的即是你必定要挑选好的网络公司，具有多年经历的网络公司，才干为你的宣扬发明出价值和报答，投入的少回馈的多，这才是许多人重视的作用，那么啥样的公司才是值得信任的呢？当然首先是口碑要好，还有即是要具有多年经历，知道啥样的优化最合适，所以许多人挑选了宁波爱豆网络科技有限公司。</small>
            <!--<a href="#" class="readdmore">Read More <i class="icofont icofont-long-arrow-right"></i></a> -->
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
        <div class="team-cont"> <img src="images/member-2.png" class="img-fluid" alt="item 1">
          <div class="text-cont">
            <h5><a href="#">创造IT服务一流品牌！</a></h5>
            <!--<h6>Creative Director</h6>-->
            <small>“一对一顾问式”服务，真诚服务每一名客户，严谨对待每一个技术细节。“让每个企业成为互联网上主要的一个”的服务精神，得到中国企业界的广泛认可；屡次当选“企业用户最满意的互联网应用服务提供商”和“企业用户最满意的综合电子商务营销平台”！</small>
            <!--<a href="#" class="readdmore">Read More <i class="icofont icofont-long-arrow-right"></i></a> -->
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
        <div class="team-cont"> <img src="images/member-3.png" class="img-fluid" alt="item 1">
          <div class="text-cont">
            <h5><a href="#">爱豆文化，引领未来的力量！</a></h5>
            <!--<h6>Programmer</h6>-->
            <small>当“拼搏，让我们成为主要的一个”！“信念是无坚不摧的力量！”成为每个豆粉人的具体行动时，他推动着我们一步一个台阶的走向成功。</small>
            <!--<a href="#" class="readdmore">Read More <i class="icofont icofont-long-arrow-right"></i></a> -->
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<section class="testimonials">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-lg-8">
        <div class="owl-carousel owl-theme testimonials-cont">
        
          <div class="item">
            <div class="testimonial-cont">
            
              <div class="testimonial-client-img aligncenter"><img src="images/jack.jpg" class="rounded-circle" alt="t-2"></div>
           
              <blockquote>不要为了迎合同时代的人而创作。 与二十一世纪保持距离的人才能真正的成为一个二十一世纪的人。一个勤奋的人虽然会因为他的勤奋而损害到他的见地或者精神上的清新与创意，但是他依然会受到褒奖。</blockquote>
              <div class="testimonial-info">
              
              <div class="testimonial-client">
                <h6>Alex Jhonson</h6>
                <p>设计师</p>
              </div>
              </div>
            </div>
          </div>
          
        </div>
      </div>
    </div>
  </div>
</section>

<section class="section-padding-ash">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-lg-10">
        <div class="section-title text-center">
          <h2>高端技术 保证服务品质</h2>
          <!--<h6>established fact that a reader will be distracted by the readable content</h6>-->
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
        <div class="blog-post-cont"> <img src="images/post1.png" class="img-fluid" alt="item 1">
          <div class="text-cont">
            <h6>多项核心技术和专利技术</h6>
            <!--<h5><a href="#">What is Lorem Ipsum?</a></h5>-->
            <!--<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words</p>-->
            <!--<a href="#" class="readdmore">Read More <i class="icofont icofont-long-arrow-right"></i></a> -->
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
        <div class="blog-post-cont"> <img src="images/post2.png" class="img-fluid" alt="item 1">
          <div class="text-cont">
            <h6>专业强大技术团队</h6>
            <!--<h5><a href="#">Where does it comes from?</a></h5>-->
            <!--<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words</p>-->
            <!--<a href="#" class="readdmore">Read More <i class="icofont icofont-long-arrow-right"></i></a> -->
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
        <div class="blog-post-cont"> <img src="images/post3.png" class="img-fluid" alt="item 1">
          <div class="text-cont">
            <h6>运维多个数据中心，保证数据安全</h6>
            <!--<h5><a href="#">What should we do now?</a></h5>-->
            <!--<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words</p>-->
            <!--<a href="#" class="readdmore">Read More <i class="icofont icofont-long-arrow-right"></i></a> -->
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<footer class="footer">
	<!--<div class="container">-->
    <!--<div class="row">-->
    	<!--<div class="col-lg-4">-->
        	<!--<div class="footer-item">-->
            	<!--<img class="img-fluid" src="images/logo-2.png" alt="logo-2">-->
                <!--<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text-->
<!--<br/>ever since the 1500s</p>-->
                <!---->
            <!--</div>-->
            <!--<div class="footer-item">-->
            <!--<ul class="social">-->
            	<!--<li><a href="#"><i class="icofont icofont-social-facebook"></i></a></li>-->
                <!--<li><a href="#"><i class="icofont icofont-social-twitter"></i></a></li>-->
                <!--<li><a href="#"><i class="icofont icofont-social-linkedin"></i></a></li>-->
                <!--<li><a href="#"><i class="icofont icofont-social-pinterest"></i></a></li>-->
                <!--<li><a href="#"><i class="icofont icofont-social-dribble"></i></a></li>-->
            <!--</ul>    -->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="col-lg-2 offset-lg-1">-->
        	<!--<div class="footer-item">-->
        		<!--<h4>Quick Links</h4>-->
                <!--<ul>-->
                	<!--<li><a href="#">Home</a></li>-->
                    <!--<li><a href="#">About Us</a></li>-->
                    <!--<li><a href="#">Services</a></li>-->
                    <!--<li><a href="#">Portfolio</a></li>-->
                    <!--<li><a href="#">Blog</a></li>-->
                    <!--<li><a href="#">Contact</a></li>-->
                <!--</ul>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="col-lg-2">-->
        	<!--<div class="footer-item">-->
        		<!--<h4>Categories</h4>-->
                <!--<ul>-->
                	<!--<li><a href="#">Web Design</a></li>-->
                    <!--<li><a href="#">Web Development</a></li>-->
                    <!--<li><a href="#">Online Marketing</a></li>-->
                    <!--<li><a href="#">App Design</a></li>-->
                    <!--<li><a href="#">App Development</a></li>-->
                    <!--<li><a href="#">Online Training</a></li>-->
                <!--</ul>-->
            <!--</div>-->
        <!--</div>-->
        <!---->
        <!--<div class="col-lg-3">-->
            <!--<div class="footer-item">-->
                <!--<h4>Recent Posts</h4>-->
                <!--<ul>-->
                	<!--<li><a href="#">What is Lorem Ipsum?</a></li>-->
                    <!--<li><a href="#">Why do we use it?</a></li>-->
                    <!--<li><a href="#">There are many variations</a></li>-->
                    <!--<li><a href="#">passages of Lorem Ipsum</a></li>-->
                    <!--<li><a href="#">Contrary to popular</a></li>-->
                    <!--<li><a href="#">Lorem Ipsum is not simply</a></li>-->
                <!--</ul>-->
            <!--</div>  -->
                  <!---->
        <!--</div>-->
        <!--</div>-->
    <div class="row">
    	<div class="col-lg-12">
        	<div class="footer-bottom">
            	<p>版权： © 2018 https://www.udtp.cn  宁波爱豆网络科技有限公司 </p>
            </div>
        </div>
    </div>    
    </div>
</footer>
<div id="qnimate" class="off">
  <div id="search" class="open">
    <button data-widget="remove" id="removeClass" class="close" type="button">×</button>
    <form action="#" method="post" autocomplete="off">
      <input type="text" placeholder="Type search keywords here" value="" name="term" id="term">
      <button class="btn btn-primary btn-xl" type="submit"><span class="glyphicon glyphicon-search"></span> Search</button>
    </form>
  </div>
</div>
<!--================================================
                **** JS Files ****
==================================================-->   
<script src="js/jquery.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/numscroller.js"></script>
<script src="js/owl.carousel.js"></script> 
<script src="js/jquery.isotope.min.js"></script> 
<script src="js/jquery.magnific-popup.min.js"></script> 
<script src="js/menu.js"></script> 
<script src="js/wow.min.js"></script> 
<script src="js/main.js"></script>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<!--================================================
                **** /JS Files ****
==================================================-->
</body>
</html>
